<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/templates/mantenimiento.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                >
    <ui:define name="title">
        Administracion de nacionalidad cultural
    </ui:define>    
    <ui:define name="datos">
        <center>
            <h:panelGrid id="panelDatos">
                <h:form id="formDatos">
                    <p:focus id="foco" />
                    <p:panel header="Datos" >
                        <h:panelGrid columns="4" >

                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputLabel for="nombre"  value="Nombre:" />
                            <p:inputText id="nombre" placeholder="Ingresar Nombre" label="Nombre"  size="50" maxlength="50" required="true" value="#{jsfNacionalidadCultural.object.cncNombre}"  >
                                <f:validateLength minimum="3" />
                            </p:inputText>
                            <p:message for="nombre" />

                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputLabel   value="Código:" />
                            <p:inputText id="codigo"  placeholder="Ingresar Código" label="Código"  size="50" maxlength="50" required="true" value="#{jsfNacionalidadCultural.object.cncCodigo}"  >
                                <f:validateLongRange minimum="1" />
                            </p:inputText>
                            <p:message for="codigo" />

                        </h:panelGrid>
                        <center>
                            <h:panelGrid columns="2" >
                                <h:panelGroup id="panelBotones">
                                    <p:commandButton id="btGrabar" process="@form" update=":panelDatos" value="Grabar" action="#{jsfNacionalidadCultural.grabarAction}"  title="Grabar registro">
                                    </p:commandButton>
                                    <p:commandButton id="btNuevo" process="@none" update="@form" value="Nuevo" action="#{jsfNacionalidadCultural.nuevoAction()}"  title="Limpiar o crear nuevo registro">
                                    </p:commandButton>

                                </h:panelGroup>
                                <p:ajaxStatus id="commonStatus">
                                    <f:facet name="start">
                                        <h:graphicImage library="images/ajax" name="status2.gif"/>
                                    </f:facet>
                                </p:ajaxStatus>
                            </h:panelGrid>
                        </center>
                        <p:message for="formDatos">
                            <f:facet name="errorMarker">
                                <h:graphicImage library="images/ajax" name="warning.gif"/>
                            </f:facet>
                            <f:facet name="infoMarker">
                                <h:graphicImage library="images/ajax" name="passed.gif"/>
                            </f:facet>
                        </p:message>


                        <h:panelGroup >
                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputText styleClass="campo-obligatorio" value="Campo obligatorio"/>
                        </h:panelGroup>

                    </p:panel>
                    <h:panelGrid id="panelLista">
                        <p:dataTable id="listaSimple" value="#{jsfNacionalidadCultural.lista}" var="item"  
                                     rows="10" rendered="#{jsfNacionalidadCultural.lista.size()>0}"
                                     emptyMessage="No se encontraro registros"
                                     paginator="true"
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                     rowsPerPageTemplate="5,10,15" rowIndexVar="rowIndex" rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'odd-row' : 'even-row'}">
                            <f:facet name="header">
                                <h:outputText value="Registros encontrados [#{jsfNacionalidadCultural.lista.size()}]" />
                            </f:facet>
                            <p:column headerText="#" >
                                <h:outputText value="#{jsfNacionalidadCultural.lista.indexOf(item)+1}"/>
                            </p:column>
                            <p:column headerText="Nombre" >
                                <h:outputText value="#{item.cncNombre}"/>
                            </p:column>
                            <p:column headerText="Código" >
                                <h:outputText value="#{item.cncCodigo}"/>
                            </p:column>
                            <p:column headerText="Acción" >
                                <h:commandLink action="#{jsfNacionalidadCultural.editarAction(item)}" title="Editar">
                                    <h:graphicImage library="images/icons" name="page-edit-icon-24.png" styleClass="pic" />
                                    <f:ajax execute="@this" event="action" render=":panelDatos"/>
                                </h:commandLink>
                                <h:commandLink action="#{jsfNacionalidadCultural.eliminarAction(item)}" title="Eliminar" onclick="if (!confirm('Seguro que desea eliminar el registro?')) {
                                            formLista.reset();
                                            return false;
                                        }">
                                    <h:graphicImage library="images/icons" name="Document-Delete-icon-24.png" styleClass="pic" />
                                    <f:ajax execute="@this" event="action" render="@form :panelDatos"/>
                                </h:commandLink>
                            </p:column>
                        </p:dataTable>
                    </h:panelGrid>

                    <p:growl id="growl"  showDetail="true" life="6500" />  
                </h:form>
            </h:panelGrid>
        </center>
    </ui:define>

</ui:composition>
